<!doctype html>
<html lang="en" class="feedback">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <title></title>
  <link rel="stylesheet" href="../css/mui.css" />
  <link rel="stylesheet" href="../css/feedback.css" />
  <link rel="stylesheet" href="../css/mui.picker.css" />
  <link rel="stylesheet" href="../css/mui.poppicker.css" />
  <link rel="stylesheet" href="../css/mui.picker.min.css" />
  <link rel="stylesheet" href="../css/webuploader.css" />

  <style type="text/css">
    .text-black {
      color: #444 !important;
    }
    
    .at-img-wrapper {
      display: flex;
      align-items: center;
    }
    
    .at-img-edit {
      padding: 0 !important;
      margin-left: 5px;
      margin-bottom: 0;
    }
    
    .at-ipt-edit {
      margin-bottom: 0 !important;
    }
    
    .at-tip {
      font-size: 14px;
      color: #8f8f94 !important;
    }
    
    .at-tip-active {
      font-size: 14px;
      color: #444;
    }
    
    .queueList {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      padding: 8px;
      background-color: #fff;
    }
    
    .fileList {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
    .imgWrap {
      margin: 0;
      padding: 0 !important;
    }
    
    .imgWrap img {
      width: 79px;
      height: 79px;
    }
  </style>
</head>

<body>
  <header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <!-- <button id="submit" class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">确认</button> -->
    <h1 class="mui-title">个人资质证书</h1>
  </header>
  <div class="mui-content">
    <div class="mui-content-padded at-img-wrapper">
      <h4 class="mui-inline text-black">个人资质证书:</h4>
      <p class="at-img-edit">图片(选填,提供问题截图,总大小10M以下)</p>
    </div>
    <!-- <div id='image-list' class="row image-list"></div> -->
    <div id="uploader">
      <div class="queueList">
        <ul class="fileList">
          <div id='image-list' class="row image-list placeholder" style="width: 80px; padding: 0; line-height: 4.5;"></div>
        </ul>
      </div>
    </div>
  </div>
</body>
<script src="../js/mui.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/webuploader.js"></script>
<script src="../js/app.js"></script>
<script src="../js/http.js"></script>
<!-- <script src=" ../js/feedback.upload.js"></script> -->

<script type="text/javascript">
  var uploadURL = API.postZizhiImage;

  (function($, doc) {
    $.ready(function() {

    });
  })(mui, document);
</script>
<script src="../js/imageupload.js"></script>

</html>